* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.cart {
  .cart-list {
    height: calc(100vh - 60px);
    background-color: #eee;
    overflow-y: scroll;
    .list-item {
      display: flex;
      height: 110px;
      background-color: #fff;
      align-items: center;
      border-bottom: 1px solid #ddd;
      .list-item-left {
        flex: 1;
        display: flex;
        justify-content: center;
        .iconfont {
          color: red;
        }
      }

      .list-item-mid {
        flex: 2;
        display: flex;
        justify-content: center;
        img {
          width: 86px;
          height: 86px;
          background-color: #eee;
          border-radius: 10px;
        }
      }

      .list-item-right {
        flex: 6;
        height: 86px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 12px 15px 0 10px;
        .item-message {

        }

        .item-price-num {
          display: flex;
          justify-content: space-between;
          .item-price {
            .price {
              color: red;

            }
            .origin-price {
              color: #ccc;
              font-size: 14px;
              margin-left: 2px;
            }
          }
          .item-num {
            span {
              text-align: center;
              display: inline-block;
              width: 30px;
              height: 26px;
              border: 1px solid #ccc;
            }
            .sub {
            }
            .num {
              border-left: none;
            }
            .add {
              border-left: none;
            }
          }
        }
      }
    }
  }
  .bottom-func {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .func-left {
      padding-left: 15px;
      .iconfont {
        color: red;
      }
  
      .checked {
        color: red;
      }
    }
  
    .func-right {
      display: flex;
      align-items: center;
      .func-allprice {
        .total-price {
          color: red;
        }
  
        .discounted {
          color: #bbb;
          font-size: 14px;
        }
      }
  
      .func-order {
        .order {
          display: inline-block;
          width: 100px;
          height: 60px;
          background-color: red;
          color: #fff;
          text-align: center;
          line-height: 60px;
        }
      }
    }
  }
}